<div class="module-container">
<div class="grid">
<div class="row">
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span11">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span2">
    <a class="bordered-column"></a>
  </div>
  <div class="span10">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span3">
    <a class="bordered-column"></a>
  </div>
  <div class="span9">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span4">
    <a class="bordered-column"></a>
  </div>
  <div class="span8">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span5">
    <a class="bordered-column"></a>
  </div>
  <div class="span7">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
  <div class="span2">
    <a class="bordered-column"></a>
  </div>
  <div class="span4">
    <a class="bordered-column"></a>
  </div>
  <div class="span5">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span7">
    <a class="bordered-column"></a>
  </div>
  <div class="span5">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span8">
    <a class="bordered-column"></a>
  </div>
  <div class="span4">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span9">
    <a class="bordered-column"></a>
  </div>
  <div class="span3">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span10">
    <a class="bordered-column"></a>
  </div>
  <div class="span2">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span11">
    <a class="bordered-column"></a>
  </div>
  <div class="span1">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span12">
    <a class="bordered-column"></a>
  </div>
</div>
<div class="row">
  <div class="span6">
    <div class="row-fluid">
      <div class="span1 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span11">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span2 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span10">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span3 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span9">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span4 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span8">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span5 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span7">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span2 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span3">
        <a class="bordered-column"></a>
      </div>
      <div class="span2">
        <a class="bordered-column"></a>
      </div>
      <div class="span3">
        <a class="bordered-column"></a>
      </div>
      <div class="span2">
        <a class="bordered-column"></a>
      </div>
    </div>
  </div>
  <div class="span6">
    <div class="row-fluid">
      <div class="span6 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span6">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span6 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span3 offset3">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span3 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span5 offset2">
        <a class="bordered-column"></a>
      </div>
      <div class="span1 offset1">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span2 span-first hidden">
        <a class="bordered-column"></a>
      </div>
      <div class="span3 offset1">
        <a class="bordered-column"></a>
      </div>
      <div class="span3 offset1">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span5 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span2 offset3">
        <a class="bordered-column"></a>
      </div>
    </div>
    <div class="row-fluid">
      <div class="span3 span-first">
        <a class="bordered-column"></a>
      </div>
      <div class="span3">
        <a class="bordered-column"></a>
      </div>
      <div class="span3">
        <a class="bordered-column"></a>
      </div>
    </div>
  </div>
</div>
</div>
<h5 class="code-label">Html Code:</h5>
<pre class="prettyprint linenums">
&lt;div class="grid"&gt;
 &lt;div class="row"&gt;
  &lt;div class="span1"&gt;
   ...
  &lt;/div&gt;
  &lt;div class="span11"&gt;
   ...
  &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="row"&gt;
  &lt;div class="span5"&gt;
   ...
  &lt;/div&gt;
  &lt;div class="span7"&gt;
   ...
  &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="row"&gt;
  &lt;div class="span1"&gt;
   ...
  &lt;/div&gt;
  &lt;div class="span2"&gt;
   ...
  &lt;/div&gt;
  &lt;div class="span4"&gt;
   ...
  &lt;/div&gt;
  &lt;div class="span5"&gt;
   ...
  &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="row"&gt;
  &lt;div class="span12"&gt;
   ...
  &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="row"&gt;
  &lt;div class="span6"&gt;
   &lt;div class="row-fluid"&gt;
    &lt;div class="span1 span-first"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span11"&gt;
     ..
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="row-fluid"&gt;
    &lt;div class="span5 span-first"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span7"&gt;
     ...
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="row-fluid"&gt;
    &lt;div class="span2 span-first"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span3"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span2"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span3"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span2"&gt;
     ...
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="span6"&gt;
   &lt;div class="row-fluid"&gt;
    &lt;div class="span6 span-first"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span6"&gt;
     ...
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="row-fluid"&gt;
    &lt;div class="span6 span-first"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span3 offset3"&gt;
     ...
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="row-fluid"&gt;
    &lt;div class="span3 span-first"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span5 offset2"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span1 offset1"&gt;
     ...
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="row-fluid"&gt;
    &lt;div class="span2 span-first hidden"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span3 offset1"&gt;
     ...
    &lt;/div&gt;
    &lt;div class="span3 offset1"&gt;
     ...
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;</pre>
</div>